﻿<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Basic page needs
    ============================================ -->
		<title></title>
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="Magentech">
		<meta name="robots" content="index, follow" />

		<!-- Mobile specific metas
    ============================================ -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Favicon
    ============================================ -->
		<link rel="shortcut icon" type="image/png" href="ico/favicon-16x16.png">

		<!-- Libs CSS
    ============================================ -->
		<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
		<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="css/themecss/lib.css" rel="stylesheet">
		<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
		<link href="js/minicolors/miniColors.css" rel="stylesheet">

		<!-- Theme CSS
    ============================================ -->
		<link href="css/themecss/so_searchpro.css" rel="stylesheet">
		<link href="css/themecss/so_megamenu.css" rel="stylesheet">
		<link href="css/themecss/so-categories.css" rel="stylesheet">
		<link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
		<link href="css/themecss/so-category-slider.css" rel="stylesheet">
		<link href="css/themecss/so-newletter-popup.css" rel="stylesheet">

		<link href="css/footer/footer1.css" rel="stylesheet">
		<link href="css/header/header1.css" rel="stylesheet">
		<link id="color_scheme" href="css/theme.css" rel="stylesheet">
		<link href="css/responsive.css" rel="stylesheet">

		<!-- Google web fonts
    ============================================ -->
		<!--<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>-->
		<!-- <link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_996737_uqkcef14euc.css" /> -->
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<style type="text/css">
			body {
				font-family: 'Poppins', sans-serif;
			}
		</style>

	</head>

	<body class="common-home res layout-1">
		<div id="app-home">
			<!--登录注册模态框开始---------------------------------------------------------------------------------------->
			<div>

				<!-- 注册模态框（Modal） -->
				<!-- <div class="modal" id="registerBox"> -->
				<div class="modal fade" id="registeredModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog" style="z-index: 5">
						<div class="modal-content">
							<div class="layer-show-close" onclick="goLoginEls()"></div>
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户账号注册</h1>
								<p>请使用本人常用手机号码进行注册</p>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
										<div class="register-form">
											<div class="form_group">
												<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" class="mobile" required/>
											</div>
											<div class="form_group validation">
												<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码"  class="code" required/>
												<span class="get_yzcode get-code" onclick="getCodeEls()">获取验证码</span>
												<span class="get_yzcode id-code"></span>
											</div>
											<div class="form_group">
												<i class="icon-mima"></i><input type="tel" placeholder="请输入邀请手机号码" class="referral" required/>
											</div>
											<div class="form_group">
												<i class="icon-mima"></i><input type="password" placeholder="请设置密码" class="password" required/>
											</div>
											<p class="terms_service register-service">
												<input type="checkbox" class="service-check" checked="checked" name="serviceCheck">
												<span onclick="registerService()">用户注册代表同意<i>《服务条款》</i></span>
											</p>
											<div class="tips-form"></div>
											<div class="loading"></div>
											<div class="login_btn">
												<a href="javascript:;" class="register-button" onclick="registerEls()">注册</a>
											</div>
										</div>
										<div class="register-success">
											<p>恭喜您！已注册成功！</p>
											<div class="login_btn">
												<a href="#" data-toggle="modal" data-target="#loginModal" onclick="goLoginEls()">去登录</a>
											</div>
										</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- <div class="register-bg" onclick="rigsterClose()"></div> -->
					<!-- /.modal -->
				</div>

				<!-- 登录模态框（Modal） -->
				<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="layer-show-close" onclick="loginHideLayer()"></div>
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 id="myModalLabel" class="modal-title">用户账号登录</h1>
								<!-- <h1 class="modal-title" id="myModalLabel">
									<a href="javascript:;" class="pwd_active" onclick="pwLogin()">密码登录</a>
									<a href="javascript:;" onclick="msgLogin()">短信登录</a>
								</h1> -->
							</div>
							<div class="modal-body">
								<div class="login_form_box login_pwd_main iconfont">
									<div class="login-form">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" class="tel-login" required/>
										</div>
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="请输入密码" class="pw-login" required/>
										</div>
										<p class="terms_service login_account">
											<span>没有账号？&nbsp;<a href="#" data-toggle="modal" data-target="#registeredModal" class="go_register" onclick="rigsterGoLayer()">去注册</a></span>
											<!-- <span class="forgot_password" data-toggle="modal" data-target="#pwd1Modal"  id="pwd_next_step1">忘记密码？</span> -->
										</p>
										<div class="tips-form"></div>
										<div class="loading"></div>
										<div class="login_btn">
											<a href="javascript:;" onclick="loginEls()">登录</a>
										</div>
									</div>
									<div class="login-success">
										<p>恭喜您！登录成功！</p>
									</div>
								</div>
								<div class="login_form_box login_note_main iconfont">
									<div class="login-form">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" required/>
										</div>
										<div class="form_group validation">
											<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码" required/>
											<span class="get_yzcode">获取验证码</span>
										</div>
										<p class="terms_service login_account">
											<span>没有账号？&nbsp;<a href="#" class="go_register" data-toggle="modal" data-target="#registeredModal" onclick="rigsterGoLayer()">去注册</a></span>
										</p>
										<div class="login_btn">
											<a href="#">登录</a>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

				<!-- 找回密码1 模态框（Modal） -->
				<div class="modal fade" id="pwd1Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
									<form class="form form_submit">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="手机号/用户名/邮箱" required/>
										</div>
										<div class="form_group validation">
											<i class="icon-anquan"></i><input type="text" placeholder="图片验证码 " required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd2Modal" id="pwd_next_step2">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码2 模态框（Modal） -->
				<div class="modal fade" id="pwd2Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box login_account_main iconfont">
									<p class="login_account_name">当前账户名 : 58********</p>
									<form class="form form_submit">
										<div class="form_group validation">
											<i class="icon-shouji"></i><input type="tel" placeholder="15260780877" required/>
											<span class="get_yzcode">获取验证码</span>
										</div>
										<div class="form_group">
											<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码" required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd3Modal" id="pwd_next_step3">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码3 模态框（Modal） -->
				<div class="modal fade" id="pwd3Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box login_account_main iconfont">
									<form class="form form_submit">
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="请输入新密码" required/>
										</div>
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="确认新密码" required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd4Modal" id="pwd_next_step4">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码3 模态框（Modal） -->
				<div class="modal fade" id="pwd4Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
									<div style="width: 60%;margin: auto;text-align: center;font-size: 14px;">
										<img src="image/cg.png" />
										<p class="">恭喜你，成功找回密码</p>
									</div>
									<div class="login_btn submit">
										<a href="#" style="background: #fe4f36;">确定</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

				<!-- 注册模态框（Modal） -->
				<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">确认退出</h1>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
										<div class="confirm-success" style="display: block;">
											<p>您确认要退出登录码？</p>
											<div class="login_btn">
												<div class="col-xs-6">
													<a href="#" data-toggle="modal" data-target="#confirmModal" onclick="logOutEls()">确认</a>
												</div>
												<div class="col-xs-6">
													<a href="#" data-toggle="modal" data-target="#confirmModal" class="col-xs-6">取消</a>
												</div>
											</div>
										</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

			</div>
			<!--登录注册模态框结束---------------------------------------------------------------------------------------->
			<div id="wrapper" class="wrapper-fluid banners-effect-3">

				<!-- Header Container  -->
				<header id="header" class=" typeheader-1">

					<!-- Header Top -->
					<div class="header-top hidden-compact">
						<div class="container">
							<div class="row">
								<div class="header-top-left col-lg-7 col-md-8 col-sm-6 col-xs-4">
									<div class="hidden-md hidden-sm hidden-xs welcome-msg">欢迎来到中宇商城！周末每天包装新的优惠/礼物--新的优惠券代码：<span>快乐2019</span> </div>
									<ul class="top-link list-inline hidden-lg ">
										<li class="account" id="my_account">
											<a href="#" title="My Account " class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="hidden-xs">我的账号</span> <span class="fa fa-caret-down"></span>
											</a>
											<ul class="dropdown-menu ">
												<li>
													<a href="#"><i class="fa fa-user"></i> 注册</a>
												</li>
												<li>
													<a href="#"><i class="fa fa-pencil-square-o"></i> 登录</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
								<div class="header-top-right collapsed-block col-lg-5 col-md-4 col-sm-6 col-xs-8">
									<ul class="top-link list-inline lang-curr">
										<li class="currency">
											<div class="btn-group currencies-block">
												<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
													<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
														<span class="icon icon-credit "></span>人民币<span class="fa fa-angle-down"></span>
													</a>
													<ul class="dropdown-menu btn-xs">
														<li>
															<a href="#">(￥)&nbsp;US Dollar </a>
														</li>
													</ul>
												</form>
											</div>
										</li>
										<li class="language">
											<div class="btn-group languages-block ">
												<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
													<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
														<img src="image/catalog/flags/cn.png" alt="中文" title="中文">
														<span class="">中文</span>
														<span class="fa fa-angle-down"></span>
													</a>
													<ul class="dropdown-menu">
														<li>
															<a href=""> <img class="image_flag" src="image/catalog/flags/gb.png" alt="English" title="Arabic" /> English </a>
														</li>
													</ul>
												</form>
											</div>

										</li>
									</ul>

								</div>
							</div>
						</div>
					</div>
					<!-- //Header Top -->

					<!-- Header center -->
					<div class="header-middle">
						<div class="container">
							<div class="row">
								<!-- Logo -->
								<div class="navbar-logo col-lg-2 col-md-3 col-sm-4 col-xs-12">
									<div class="logo">
										<a href="index.html"><img src="image/catalog/logo.png" title="大米卷" alt="大米卷" /></a>
									</div>
								</div>
								<!-- //end Logo -->

								<!-- Search -->
								<div class="col-lg-7 col-md-6 col-sm-5">
									<div class="search-header-w">
										<div class="icon-search hidden-lg hidden-md hidden-sm"><i class="fa fa-search"></i></div>

										<div id="sosearchpro" class="sosearchpro-wrapper so-search ">
											<form>
												<div id="search0" class="search input-group form-group">
													<div class="select_category filter_type  icon-select hidden-sm hidden-xs">
														<select class="no-border" name="category_id">
															<option value="0">所有品类</option>
															<option value="78">家用电器</option>
															<option value="77">手机/运行商/数码</option>
														</select>
													</div>

													<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="输入想要搜索的关键词" name="search">

													<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>

												</div>
												<input type="hidden" name="route" value="product/search" />
											</form>
										</div>
									</div>
								</div>
								<!-- //end Search -->
								<div class="middle-right col-lg-3 col-md-3 col-sm-3">
									<!--cart-->
									<div class="shopping_cart">
										<div id="cart" class="btn-shopping-cart">
											<!-- <a data-loading-text="加载... " class="btn-group top_cart dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> -->
											<a id="laytype-1" class="btn-group top_cart" href="javascript:;">
												<div class="shopcart">
													<span class="icon-c">
						                                <i class="fa fa-shopping-bag"></i>
						                            </span>
													<div class="shopcart-inner">
														<p class="text-shopping-cart top-shop-cart">
															购物车
														</p>
														<span class="total-shopping-cart cart-total-full">
			                                   			<span class="items_carts"></span>
														</span>
													</div>
												</div>
											</a>
											<a id="laytype-2" class="btn-group top_cart" href="shopping_cart_list.html" style="display: none;">
												<div class="shopcart">
													<span class="icon-c">
						                                <i class="fa fa-shopping-bag"></i>
						                            </span>
													<div class="shopcart-inner">
														<p class="text-shopping-cart top-shop-cart">
															购物车
														</p>
														<span class="total-shopping-cart cart-total-full">
			                                   			<span class="items_carts"></span>
														</span>
													</div>
												</div>
											</a>

											<ul class="dropdown-menu pull-right shoppingcart-box" role="menu" style="display: none;">
												<li>
													<table class="table table-striped">
														<tbody>
															<tr>
																<td class="text-center" style="width:70px">
																	<a href="product.html">
																		<img src="image/catalog/demo/product/80/1.jpg" style="width:70px" alt="Yutculpa ullamcon" title="Yutculpa ullamco" class="preview">
																	</a>
																</td>
																<td class="text-left">
																	<a class="cart_product_name" href="product.html">商品名称</a>
																</td>
																<td class="text-center">x1</td>
																<td class="text-center">￥80.00</td>
																<td class="text-right">
																	<a href="product.html" class="fa fa-edit"></a>
																</td>
																<td class="text-right">
																	<a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a>
																</td>
															</tr>
															<tr>
																<td class="text-center" style="width:70px">
																	<a href="product.html">
																		<img src="image/catalog/demo/product/80/2.jpg" style="width:70px" alt="Xancetta bresao" title="Xancetta bresao" class="preview">
																	</a>
																</td>
																<td class="text-left">
																	<a class="cart_product_name" href="product.html">商品名称</a>
																</td>
																<td class="text-center">x1</td>
																<td class="text-center">￥60.00</td>
																<td class="text-right">
																	<a href="product.html" class="fa fa-edit"></a>
																</td>
																<td class="text-right">
																	<a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a>
																</td>
															</tr>
														</tbody>
													</table>
												</li>
												<li>
													<div>
														<table class="table table-bordered">
															<tbody>
																<tr>
																	<td class="text-left"><strong>小计</strong>
																	</td>
																	<td class="text-right">￥140.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>生态税 (-2.00)</strong>
																	</td>
																	<td class="text-right">￥2.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>增值税(20%)</strong>
																	</td>
																	<td class="text-right">￥20.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>总计</strong>
																	</td>
																	<td class="text-right">￥162.00</td>
																</tr>
															</tbody>
														</table>
														<p class="text-right">
															<a class="btn view-cart" href="#"><i class="fa fa-shopping-cart"></i>查看购物车</a>&nbsp;&nbsp;&nbsp;
															<a class="btn btn-mega checkout-cart" href="#"><i class="fa fa-share"></i>查看</a>
														</p>
													</div>
												</li>
											</ul>
										</div>

									</div>
									<!--//cart-->

									<ul class="wishlist-comp hidden-md hidden-sm hidden-xs">
										<li class="compare hidden-xs">
											<a href="#" class="top-link-compare" title="对比"><i class="fa fa-refresh"></i></a>
										</li>
										<li class="wishlist hidden-xs">
											<a href="#" id="wishlist-total" class="top-link-wishlist" title="收藏"><i class="fa fa-heart"></i></a>
										</li>
									</ul>

								</div>

							</div>

						</div>
					</div>
					<!-- //Header center -->

					<!-- Header Bottom -->
					<div class="header-bottom hidden-compact">
						<div class="container">
							<div class="row">

								<div class="bottom1 menu-vertical col-lg-2 col-md-3 col-sm-3">
									<div class="responsive so-megamenu megamenu-style-dev ">
										<div class="so-vertical-menu ">
											<nav class="navbar-default">

												<div class="container-megamenu vertical">
													<div id="menuHeading">
														<div class="megamenuToogle-wrapper">
															<div class="megamenuToogle-pattern">
																<div class="container">
																	<div>
																		<span></span>
																		<span></span>
																		<span></span>
																	</div>
																	分类目录
																</div>
															</div>
														</div>
													</div>

													<div class="navbar-header">
														<button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle">
			                                                <i class="fa fa-bars"></i>
			                                                <span>分类目录</span>
			                                            </button>
													</div>
													<div class="vertical-wrapper">
														<span id="remove-verticalmenu" class="fa fa-times"></span>
														<div class="megamenu-pattern">
															<div class="container-mega">
																<ul class="megamenu">
																	<!-- <li class="item-vertical  with-sub-menu hover"> -->
																	<li class="item-vertical with-sub-menu hover" v-for="item in firstCatShowData">
																		<p class="close-menu"></p>
																		<a :href="'category.html?type='+item.id" class="clearfix">
																			<span>{{item.name}}</span>
																			<b class="fa-angle-right"></b>
																		</a>
																	</li>

																	<li class="item-vertical" style="display: none;" v-for="item in firstCatHideData">
																		<p class="close-menu"></p>
																		<a href="#" class="clearfix">
																			<span>{{item.name}}</span>
																			<b class="fa-angle-right"></b>
																		</a>
																	</li>

																	<li class="loadmore">
																		<i class="fa fa-plus-square-o"></i>
																		<span class="more-view">更多分类</span>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</nav>
										</div>
									</div>

								</div>

								<!-- Main menu -->
								<div class="main-menu-w col-lg-10 col-md-9">
									<div class="responsive so-megamenu megamenu-style-dev">
										<nav class="navbar-default">
											<div class=" container-megamenu  horizontal open ">
												<div class="navbar-header">
													<button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
	                                            <span class="icon-bar"></span>
	                                            <span class="icon-bar"></span>
	                                            <span class="icon-bar"></span>
	                                        </button>
												</div>

												<div class="megamenu-wrapper">
													<span id="remove-megamenu" class="fa fa-times"></span>
													<div class="megamenu-pattern">
														<div class="container-mega">
															<ul class="megamenu" data-transition="slide" data-animationtime="250">
																<li class="home hover">
																	<a href="index.html">首页</a>
																</li>
																<li>
																	<p class="close-menu"></p>
																	<a href="category.html?type=888999222" class="clearfix">
																		<strong>特惠专区</strong>
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</nav>
									</div>
								</div>
								<!-- //end Main menu -->

								<div class="bottom3">
									<div class="signin-w hidden-md hidden-sm hidden-xs logout-box">
										<ul class="signin-link blank">
											<li class="log user-tel"></li>
											<li class="log login"> &nbsp;&nbsp;&nbsp;&nbsp;</li>
											<li class="log login">
												<a href="userCenter.html">个人中心</a> &nbsp;&nbsp;&nbsp;</li>
											<li class="log login">| &nbsp;&nbsp;&nbsp;</li>
											<li class="log login">
												<a href="#" data-toggle="modal" data-target="#confirmModal">退出登录</a>
											</li>
										</ul>
									</div>
									<div class="signin-w hidden-md hidden-sm hidden-xs login-box">
										<ul class="signin-link blank">
											<li class="log login">
												<a class="link-lg" data-toggle="modal" data-target="#loginModal" href="#" onclick="loginLayer()">登录 </a>&nbsp;&nbsp;&nbsp;
												<a href="#" data-toggle="modal" data-target="#registeredModal" onclick="rigsterLayer()">注册</a>
											</li>
										</ul>
									</div>
								</div>

							</div>
						</div>

					</div>
				</header>
				<!-- //Header Container  -->

				<!-- Main Container  -->
				<div class="main-container container">
					<div id="content">
						<div class="content-top-w">

							<div class="col-lg-2 col-md-12 col-sm-12 col-xs-12 main-left">
								<div class="module col1 hidden-sm hidden-xs"></div>
							</div>
							<div class="col-lg-10 col-md-12 col-sm-12 col-xs-12 main-right" style="margin-left: -8px;margin-right: -15px;">
								<div class="slider-container row" style="margin-right: -36px;">

									<div class="col-lg-9 col-md-12 col-sm-12 col-xs-12 col2">
										<div class="module sohomepage-slider ">
											<div class="yt-content-slider" data-rtl="yes" data-autoplay="yes" data-autoheight="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column4="1" data-arrows="no" data-pagination="yes" data-lazyload="yes" data-loop="yes" data-hoverpause="yes">
												<div class="yt-content-slide">
													<a href="#"><img src="image/catalog/slideshow/home1/slider-1.jpg" alt="slider1" class="img-responsive"></a>
												</div>
												<div class="yt-content-slide">
													<a href="#"><img src="image/catalog/slideshow/home1/slider-2.jpg" alt="slider2" class="img-responsive"></a>
												</div>
												<div class="yt-content-slide">
													<a href="#"><img src="image/catalog/slideshow/home1/slider-3.jpg" alt="slider3" class="img-responsive"></a>
												</div>
											</div>
											<div class="loadeding"></div>
										</div>
									</div>

									<div class="col-lg-3 col-md-12 col-sm-12 col-xs-12 col3">
										<div class="module product-simple extra-layout1">
											<h3 class="modtitle">
				                                <span>热卖商品</span>
				                            </h3>
											<div class="modcontent">
												<div id="so_extra_slider_1" class="so-extraslider hot-shops-list">
													<!-- Begin extraslider-inner -->
													<div class="yt-content-slider extraslider-inner" data-rtl="yes" data-pagination="yes" data-autoplay="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column4="1" data-arrows="no" data-lazyload="yes" data-loop="no" data-buttonpage="top">
														<div class="item host-list-item">
															<div class="product-layout item-inner style1" v-for="item in hotDataOne">
																<div class="item-image">
																	<div class="item-img-info">
																		<a :href="'product.html?Id='+item.id" target="_self" title="">
																			<img :src="item.url+item.image" alt="">
																		</a>
																	</div>
																</div>
																<div class="item-info">
																	<div class="item-title">
																		<a :href="'product.html?Id='+item.id" target="_self" title="">{{item.title}}</a>
																	</div>
																	<div class="content_price price">
																		<span class="price-new product-price">￥{{item.price}}</span>&nbsp;&nbsp;
																		<span class="price-old">￥{{item.price|priceOld}}</span>
																	</div>
																	<p class="back-count">返权益积分：100</p>
																</div>
															</div>
														</div>
														<div class="item host-list-item">
															<div class="product-layout item-inner style1" v-for="item in hotDataTwo">
																<div class="item-image">
																	<div class="item-img-info">
																		<a href="product.html" target="_self" title="">
																			<img :src="item.url+item.image" alt="">
																		</a>
																	</div>
																</div>
																<div class="item-info">
																	<div class="item-title">
																		<a href="product.html" target="_self" title="">{{item.title}}</a>
																	</div>
																	<div class="content_price price">
																		<span class="price-new product-price">￥{{item.price}}</span>&nbsp;&nbsp;
																		<span class="price-old">￥{{item.price|priceOld}} </span>
																	</div>
																	<p class="back-count">返权限积分：100</p>
																</div>
															</div>
														</div>
													</div>
													<!--End extraslider-inner -->
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="row content-main-w">

							<div class="col-lg-2 col-md-3 col-sm-4 col-xs-12 main-left">

								<div class="module">
									<div class="banners banners2">
										<div class="banner">
											<a href="#"><img src="image/catalog/banners/banner1.png" alt="image"></a>
										</div>
									</div>
								</div>

								<div class="module product-simple extra-layout1">
									<h3 class="modtitle">
				                        <span>最新产品</span>
				                    </h3>
									<div class="modcontent">
										<div id="so_extra_slider_1" class="so-extraslider">
											<!-- Begin extraslider-inner -->
											<div class="yt-content-slider extraslider-inner" data-rtl="yes" data-pagination="yes" data-autoplay="no" data-delay="4" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column4="1" data-arrows="no" data-lazyload="yes" data-loop="no" data-buttonpage="top">
												<div class="item">
													<div class="product-layout item-inner style1" v-for="item in newDataOne">
														<div class="item-image">
															<div class="item-img-info">
																<a :href="'product.html?Id='+item.id" target="_self" title=""><img :src="item.url+item.image" alt=""></a>
															</div>
														</div>
														<div class="item-info">
															<div class="item-title">
																<a :href="'product.html?Id='+item.id" class="line-txt-2" target="_self" title="">{{item.title}}</a>
															</div>
															<div class="content_price price">
																<span class="price-new product-price">￥{{item.price}}</span>&nbsp;&nbsp;
																<span class="price-old">￥{{item.price|priceOld}}</span>&nbsp;
															</div>
															<p class="back-count">返权限积分：100</p>
														</div>
													</div>
												</div>
												<div class="item">
													<div class="product-layout item-inner style1" v-for="item in newDataTwo">
														<div class="item-image">
															<div class="item-img-info">
																<a :href="'product.html?Id='+item.id" target="_self" title=""><img :src="item.url+item.image" alt=""></a>
															</div>
														</div>
														<div class="item-info">
															<div class="item-title">
																<a :href="'product.html?Id='+item.id" target="_self" title="">{{item.title}}</a>
															</div>
															<div class="content_price price">
																<span class="price-new product-price">￥{{item.price}}</span>&nbsp;&nbsp;
																<span class="price-old">￥{{item.price|priceOld}}</span>&nbsp;
															</div>
															<p class="back-count">返权限积分：100</p>
														</div>
													</div>
												</div>
											</div>
											<!--End extraslider-inner -->
										</div>
									</div>
								</div>

								<div class="module">
									<div class="policy-w">
										<a href="#"><img src="image/catalog/banners/call-us.jpg" alt="image"></a>
										<ul class="block-infos">
											<li class="info1">
												<div class="inner">
													<i class="fa fa-file-text-o"></i>
													<div class="info-cont">
														<a href="#">免费发货</a>
														<p>订购超过52.36美元</p>
													</div>
												</div>
											</li>
											<li class="info2">
												<div class="inner">
													<i class="fa fa-shield"></i>
													<div class="info-cont">
														<a href="#">订单保护</a>
														<p>安全信息</p>
													</div>
												</div>
											</li>
											<li class="info3">
												<div class="inner">
													<i class="fa fa-gift"></i>
													<div class="info-cont">
														<a href="#">礼品促销</a>
														<p>特别优惠</p>
													</div>
												</div>
											</li>
											<li class="info4">
												<div class="inner">
													<i class="fa fa-money"></i>
													<div class="info-cont">
														<a href="#">退款</a>
														<p>30天内退款</p>
													</div>
												</div>
											</li>
										</ul>
									</div>
								</div>

								<div class="module extra">
									<h3 class="modtitle">
				                        <span>推荐商品</span>
				                    </h3>
									<div class="modcontent">
										<div id="so_extra_slider_1" class="so-extraslider">
											<!-- Begin extraslider-inner -->
											<div class="yt-content-slider extraslider-inner" data-rtl="yes" data-pagination="yes" data-autoplay="no" data-delay="2" data-speed="0.6" data-margin="0" data-items_column00="1" data-items_column0="1" data-items_column1="1" data-items_column2="1" data-items_column3="1" data-items_column2="1" data-arrows="no" data-lazyload="yes" data-loop="no" data-buttonpage="top">
												<div class="item">
													<div class="product-layout item-inner style1" v-for="item in newDataThree">
														<div class="item-image">
															<div class="item-img-info">
																<a :href="'product.html?Id='+item.id" target="_self" title=""><img :src="item.url+item.image" alt=""></a>
															</div>
														</div>
														<div class="item-info">
															<div class="item-title">
																<a :href="'product.html?Id='+item.id" class="line-txt-2" target="_self" title="">{{item.title}}</a>
															</div>
															<div class="content_price price">
																<span class="price-new product-price">￥{{item.price}}</span>&nbsp;&nbsp;
																<span class="price-old">￥{{item.price|priceOld}}</span>&nbsp;
															</div>
															<p class="back-count">返权限积分：100</p>
														</div>
													</div>
												</div>
											</div>
											<!--End extraslider-inner -->
										</div>
									</div>
								</div>

								<div class="module so-latest-blog blog-sidebar">

									<h3 class="modtitle"><span>最近商家</span></h3>
									<div class="modcontent clearfix">

										<div class="so-blog-external buttom-type1 button-type1">
											<div class="blog-external-simple">
												<div class="cat-wrap">
													<div class="media">

														<div class="item item-1">
															<div class="media-left">
																<a href="#" target="_self">
																	<img src="image/catalog/blog/1.jpg" alt="Biten demons lector in henderit in vulp" class="media-object">
																</a>
															</div>
															<div class="media-body">
																<h4 class="media-heading">
	                                                <a href="#" title="Biten demons lector in henderit in vulp" target="_self">七匹狼官方旗舰店</a>
	                                                </h4>
																<div class="media-content">
																	<div class="media-date-added">
																		<!--<i class="fa fa-calendar"></i>-->商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍</div>
																	<!--<div class="media-subcontent">
	                                                    <span class="media-comment"><i class="fa fa-comments"></i>0  Comment</span>
	                                                    </div>-->
																</div>
															</div>
														</div>

													</div>
												</div>

												<div class="cat-wrap">
													<div class="media">

														<div class="item item-2">
															<div class="media-left">
																<a href="#" target="_self">
																	<img src="image/catalog/blog/2.jpg" alt="Commodo laoreet semper tincidun sit" class="media-object">
																</a>
															</div>
															<div class="media-body">
																<h4 class="media-heading">
	                                                <a href="#" title="Commodo laoreet semper tincidun sit" target="_self">富贵鸟官方旗舰店</a>
	                                                </h4>
																<div class="media-content">
																	<div class="media-date-added">
																		<!--<i class="fa fa-calendar"></i>-->商家介绍商家介绍商家介绍商家介绍商家介绍商家介绍</div>
																	<!--<div class="media-subcontent">
	                                                        <span class="media-comment"><i class="fa fa-comments"></i>0  Comment</span>
	                                                    </div>-->
																</div>
															</div>
														</div>

													</div>
												</div>

											</div>
										</div>

									</div>
								</div>

								<div class="module">
									<div class="banners banners5">
										<div class="banner">
											<a href="#"><img src="image/catalog/banners/banner2.jpg" alt="image"></a>
										</div>
									</div>
								</div>
							</div>
							<div class="col-lg-10 col-md-9 col-sm-8 col-xs-12 main-right" style="margin-top: -8px;">
								<div style="margin-left: -15px; margin-right: -15px;">
									<br />
									<div class="col-xs-6">
										<a href="category.html?type=888999222"><img class="categories-loadimage" alt="" src="image/catalog/demo/category/hdpic-1.jpg"></a>
									</div>
									<div class="col-xs-6">
										<a href="category.html?type=888999222"><img class="categories-loadimage" alt="" src="image/catalog/demo/category/hdpic-2.jpg"></a>
									</div>
									<div class="clearfix"></div>
								</div>
								<br /><br />
								<div class="clearfix"></div>
								<!-- Banners -->
								<div class="banners3 banners banners3Box">
									<div class="item1">
										<a href="#"><img src="image/catalog/banners/banner3.jpg" alt="image"></a>
									</div>
									<div class="item2">
										<a href="#"><img src="image/catalog/banners/banner4.jpg" alt="image"></a>
									</div>
									<div class="item3">
										<a href="#"><img src="image/catalog/banners/banner5.jpg" alt="image"></a>
									</div>
								</div>
								<!-- end Banners -->

								<!-- Category Slider 1 -->
								<div id="so_category_slider_1" class="so-category-slider container-slider module cateslider1 scroll-datacate">
									<div class="modcontent">
										<div class="page-top">
											<div class="page-title-categoryslider">数码电器</div>
											<div class="item-sub-cat">
												<ul>
													<li>
														<a href="javascript:;" title="" target="_self" v-for="item in layerOneCat">{{item.name}}</a>
													</li>
												</ul>
											</div>
										</div>

										<div class="categoryslider-content">
											<div class="item-cat-image" style="min-height: 351px;">
												<a href="javascript:;" title="" target="_self">
													<img class="categories-loadimage" alt="" src="image/catalog/demo/category/tab1.jpg">
												</a>
											</div>

											<div class="products-list newpro-linelist">
												<div class="item" v-for="item in layerOneList">
														<div class="item-inner product-layout transition product-grid">
															<!-- <div class="shop-ower-tag">自营</div> -->
															<div class="product-item-container">
																<div class="left-block left-b">
																	<div class="product-image-container">
																		<a :href="'product.html?Id='+item.id" target="_self" title="">
																			<img :src="item.url+item.image" alt="">
																		</a>
																	</div>
																</div>
																<div class="right-block">
																	<div class="button-group so-quickview cartinfo--left">
																		<button type="button" class="addToCart" title="添加至购物车" @click="goCart(item.id)">
				                                                            <span>添加至购物车 </span>
				                                                        </button>
																		<button type="button" class="wishlist btn-button" title="收藏"><i class="fa fa-heart-o"></i><span>收藏</span>
		                                                        		</button>
																		<button type="button" class="compare btn-button" title="对比"><i class="fa fa-retweet"></i><span>对比</span>
		                                                        		</button>
																	</div>
																	<div class="caption hide-cont">
																		<h4><a :href="'product.html?Id='+item.id" class="line-txt-2" title="" target="_self">{{item.title}}</a></h4>
																	</div>
																	<p class="price">
																		<span class="price-new">￥{{item.price}}</span>
																		<span class="price-old">￥{{item.price|priceOld}}</span>
																	</p>
																	<p class="back-count">返权限积分：100</p>
																</div>
															</div>
														</div>
												</div>
											</div>

										</div>

									</div>
								</div>

								<!-- end Category Slider 1 -->

								<!-- Category Slider 2 -->
								<div id="so_category_slider_2" class="so-category-slider container-slider module cateslider2 scroll-datacate">
									<div class="modcontent">
										<div class="page-top">
											<div class="page-title-categoryslider">家居饰品</div>
											<div class="item-sub-cat">
												<ul>
													<li>
														<a href="javascript:;" title="" target="_self" v-for="item in layerTwoCat">{{item.name}}</a>
													</li>
												</ul>
											</div>
										</div>

										<div class="categoryslider-content">
											<div class="item-cat-image" style="min-height: 351px;">
												<a href="javascript:;" title="" target="_self">
													<img class="categories-loadimage" alt="" src="image/catalog/demo/category/tab2.jpg">
												</a>
											</div>
											<div class="products-list newpro-linelist">
												<div class="item" v-for="item in layerTwoList">
														<div class="item-inner product-layout transition product-grid">
															<!-- <div class="shop-ower-tag">自营</div> -->
															<div class="product-item-container">
																<div class="left-block left-b">
																	<div class="product-image-container">
																		<a :href="'product.html?Id='+item.id" target="_self" title="">
																			<img :src="item.url+item.image" alt="">
																		</a>
																	</div>
																</div>
																<div class="right-block">
																	<div class="button-group so-quickview cartinfo--left">
																		<button type="button" class="addToCart" title="添加至购物车" @click="goCart(item.id)">
				                                                            <span>添加至购物车 </span>
				                                                        </button>
																		<button type="button" class="wishlist btn-button" title="收藏"><i class="fa fa-heart-o"></i><span>收藏</span>
		                                                        		</button>
																		<button type="button" class="compare btn-button" title="对比"><i class="fa fa-retweet"></i><span>对比</span>
		                                                        		</button>
																	</div>
																	<div class="caption hide-cont">
																		<h4><a :href="'product.html?Id='+item.id" class="line-txt-2" title="" target="_self">{{item.title}}</a></h4>
																	</div>
																	<p class="price">
																		<span class="price-new">￥{{item.price}}</span>
																		<span class="price-old">￥{{item.price|priceOld}}</span>
																	</p>
																	<p class="back-count">返权限积分：100</p>
																</div>
															</div>
														</div>
												</div>
											</div>

										</div>
									</div>
								</div>
								<!-- end Category Slider 2 -->

								<!-- Category Slider 3 -->
								<div id="so_category_slider_3" class="so-category-slider container-slider module cateslider1 scroll-datacate">
									<div class="modcontent">
										<div class="page-top">
											<div class="page-title-categoryslider">服饰配饰</div>
											<div class="item-sub-cat">
												<ul>
													<li>
														<a href="javascript:;" title="" target="_self" v-for="item in layerThreeCat">{{item.name}}</a>
													</li>
												</ul>
											</div>
										</div>

										<div class="categoryslider-content">
											<div class="item-cat-image" style="min-height: 351px;">
												<a href="javascript:;" title="" target="_self">
													<img class="categories-loadimage" alt="" src="image/catalog/demo/category/tab3.jpg">
												</a>
											</div>
											<div class="products-list newpro-linelist">
												<div class="item" v-for="item in layerThreeList">
														<div class="item-inner product-layout transition product-grid">
															<!-- <div class="shop-ower-tag">自营</div> -->
															<div class="product-item-container">
																<div class="left-block left-b">
																	<div class="product-image-container">
																		<a :href="'product.html?Id='+item.id" target="_self" title="">
																			<img :src="item.url+item.image" alt="">
																		</a>
																	</div>
																</div>
																<div class="right-block">
																	<div class="button-group so-quickview cartinfo--left">
																		<button type="button" class="addToCart" title="添加至购物车" @click="goCart(item.id)">
				                                                            <span>添加至购物车 </span>
				                                                        </button>
																		<button type="button" class="wishlist btn-button" title="收藏"><i class="fa fa-heart-o"></i><span>收藏</span>
		                                                        		</button>
																		<button type="button" class="compare btn-button" title="对比"><i class="fa fa-retweet"></i><span>对比</span>
		                                                        		</button>
																	</div>
																	<div class="caption hide-cont">
																		<h4><a :href="'product.html?Id='+item.id" class="line-txt-2" title="" target="_self">{{item.title}}</a></h4>
																	</div>
																	<p class="price">
																		<span class="price-new">￥{{item.price}}</span>
																		<span class="price-old">￥{{item.price|priceOld}}</span>
																	</p>
																	<p class="back-count">返权限积分：100</p>
																</div>
															</div>
														</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- end Category Slider 3 -->

								<!-- Banners -->
								<div class="banners4 banners">
									<div class="row">
										<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
											<a href="#"><img src="image/catalog/banners/bn1.jpg" alt="image"></a>
										</div>
										<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
											<a href="#"><img src="image/catalog/banners/bn2.jpg" alt="image"></a>
										</div>
									</div>
								</div>
								<!-- end Banners -->

								<!-- Listing tabs -->
								<div class="module listingtab-layout1">

									<div id="so_listing_tabs_1" class="so-listing-tabs first-load">
										<div class="loadeding"></div>
										<div class="ltabs-wrap">
											<div class="ltabs-tabs-container" data-delay="300" data-duration="600" data-effect="starwars" data-ajaxurl="" data-type_source="0" data-lg="5" data-md="3" data-sm="2" data-xs="1" data-margin="30">
												<!--Begin Tabs-->
												<div class="ltabs-tabs-wrap">
													<span class="ltabs-tab-selected">Bathroom</span> <span class="ltabs-tab-arrow">▼</span>
													<div class="item-sub-cat">
														<ul class="ltabs-tabs cf">
															<li class="ltabs-tab tab-sel"> <span class="ltabs-tab-label">新品</span> </li>
															<!-- <li class="ltabs-tab " data-category-id="18" data-active-content=".items-category-18"> <span class="ltabs-tab-label">销量最好</span> </li>
															<li class="ltabs-tab " data-category-id="25" data-active-content=".items-category-25"> <span class="ltabs-tab-label">评价最高</span> </li> -->
														</ul>
													</div>
												</div>
												<!-- End Tabs-->
											</div>

											<div class="ltabs-items-container products-list grid">
												<div class="products-list newpro-linelist bottom-list">
												<div class="item" v-for="item in layerFourList">
														<div class="item-inner product-layout transition product-grid">
															<!-- <div class="shop-ower-tag">自营</div> -->
															<div class="product-item-container">
																<div class="left-block left-b">
																	<div class="product-image-container">
																		<a :href="'product.html?Id='+item.id" target="_self" title="">
																			<img :src="item.url+item.image" alt="">
																		</a>
																	</div>
																</div>
																<div class="right-block">
																	<div class="button-group so-quickview cartinfo--left">
																		<button type="button" class="addToCart" title="添加至购物车">
				                                                            <span>添加至购物车 </span>
				                                                        </button>
																		<button type="button" class="wishlist btn-button" title="收藏"><i class="fa fa-heart-o"></i><span>收藏</span>
		                                                        		</button>
																		<button type="button" class="compare btn-button" title="对比"><i class="fa fa-retweet"></i><span>对比</span>
		                                                        		</button>
																	</div>
																	<div class="caption hide-cont">
																		<h4><a :href="'product.html?Id='+item.id" class="line-txt-2" title="" target="_self">{{item.title}}</a></h4>
																	</div>
																	<p class="price">
																		<span class="price-new">￥{{item.price}}</span>
																		<span class="price-old">￥{{item.price|priceOld}}</span>
																	</p>
																	<p class="back-count">返权限积分：100</p>
																</div>
															</div>
														</div>
												</div>
											</div>
												<div class="ltabs-items items-category-18 grid" data-total="16">
													<div class="ltabs-loading"></div>

												</div>
												<div class="ltabs-items  items-category-25 grid" data-total="16">
													<div class="ltabs-loading"></div>
												</div>
												<!--End Items-->
											</div>

										</div>
									</div>
								</div>
								<!-- end Listing tabs -->

								<!-- Slider Brands -->
								<div class="slider-brands col-lg-12 col-md-12 col-sm-12 col-xs-12">
									<img width="100%" src="image/catalog/brands/b.png" alt="brand">
								</div>
								<!-- Slider Brands -->

							</div>

						</div>

					</div>
				</div>
				<!-- //Main Container -->

				<!-- Footer Container -->
				<footer class="footer-container typefooter-1">
					<!-- Footer Top Container -->

					<div class="container">
						<div class="row footer-top">
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> </div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<div class="module newsletter-footer1">
									<div class="newsletter">

										<div class="title-block">
											<div class="page-heading font-title">
												留下你的邮箱
											</div>

										</div>

										<div class="block_content">
											<form method="post" id="signup" name="signup" class="form-group form-inline signup send-mail">
												<div class="form-group">
													<div class="input-box">
														<input type="email" placeholder="" value="" class="form-control" id="txtemail" name="txtemail" size="55">
													</div>
													<div class="subcribe">
														<button class="btn btn-primary btn-default font-title" type="submit" name="submit">
	                                            提交
	                                        </button>
													</div>
												</div>
											</form>

										</div>
										<!--/.modcontent-->

									</div>

								</div>
							</div>
						</div>
					</div>

					<!-- /Footer Top Container -->

					<div class="footer-middle ">
						<div class="container">
							<div class="row">
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-infos">
									<div class="infos-footer">
										<a href="#"><img src="image/catalog/logo-footer.png" alt="image"></a>
										<ul class="menu">
											<li class="adres">
												公司地址：厦门市观音山台商总部大厦
											</li>
											<li class="phone">
												客服电话：4008-135268547
											</li>
											<li class="mail">
												传&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真：4008-135268547
											</li>
											<li class="time">
												工作时间：9:00 ~ 17:00
											</li>
										</ul>
									</div>

								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-information box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">信息</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">关于我们</a>
													</li>
													<li>
														<a href="#">传真</a>
													</li>
													<li>
														<a href="#">保修和服务</a>
													</li>
													<li>
														<a href="#">24小时支持</a>
													</li>
													<li>
														<a href="#">产品注册</a>
													</li>
													<li>
														<a href="#">产品支持</a>
													</li>
												</ul>
											</div>
										</div>
									</div>

								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-account box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">我的帐户</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">品牌</a>
													</li>
													<li>
														<a href="#">礼券</a>
													</li>
													<li>
														<a href="#">机构</a>
													</li>
													<li>
														<a href="#">节目</a>
													</li>
													<li>
														<a href="#">保修和服务</a>
													</li>
													<li>
														<a href="#">自定义链接</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-clear">
									<div class="box-service box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">类别</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">活动与聚会用品</a>
													</li>
													<li>
														<a href="#">家居装修</a>
													</li>
													<li>
														<a href="#">灯与灯具</a>
													</li>
													<li>
														<a href="#">厨房和浴室</a>
													</li>
													<li>
														<a href="#">客户服务</a>
													</li>
													<li>
														<a href="#">厨房和餐厅</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-service box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">服务</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">联系我们</a>
													</li>
													<li>
														<a href="#">退货</a>
													</li>
													<li>
														<a href="#">支持</a>
													</li>
													<li>
														<a href="#">站点</a>
													</li>
													<li>
														<a href="#">客服服务</a>
													</li>
													<li>
														<a href="#">自定义链接</a>
													</li>
												</ul>
											</div>
										</div>
									</div>

								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-service box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">类别</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">活动与聚会用品</a>
													</li>
													<li>
														<a href="#">家居装修</a>
													</li>
													<li>
														<a href="#">灯与灯具</a>
													</li>
													<li>
														<a href="#">厨房和浴室</a>
													</li>
													<li>
														<a href="#">客户服务</a>
													</li>
													<li>
														<a href="#">厨房和餐厅</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
					<div class="container">
						<div class="row">
							<div class="footer-b">
								<div class="bottom-cont">
									<a href="#"><img src="image/catalog/demo/payment/pay1.jpg" alt="image"></a>
									<ul class="footer-links">
										<li>
											<a href="#">关于我们</a>
										</li>
										<li>
											<a href="#">客户服务</a>
										</li>
										<li>
											<a href="#">隐私政策</a>
										</li>
										<li>
											<a href="#">网站地图</a>
										</li>
										<li>
											<a href="#">订货和退货</a>
										</li>
										<li>
											<a href="#">联系我们</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Footer Bottom Container -->
					<div class="footer-bottom">
						<div class="container">
							<div class="col-lg-12 col-xs-12 payment-w">
								<img src="image/catalog/demo/payment/payment.png" alt="imgpayment">
							</div>
						</div>
						<div class="copyright-w">
							<div class="container">
								<div class="copyright">
									Copyright &copy; 2018.Company name All rights reserved.
									<!--<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>-->
								</div>
							</div>
						</div>
					</div>
					<!-- /Footer Bottom Container -->

					<!--Back To Top-->
					<div class="back-to-top"><i class="fa fa-angle-up"></i></div>
				</footer>
				<!-- //end Footer Container -->

			</div>

			<div class="layer-show-box register-apply">
				<div class="layer-show-con">
					<div class="layer-show-close" onclick="serviceHide()"></div>
					<h2>服务条款</h2>
					<div class="layer-show-article">

					</div>
					<div class="layer-show-btn">
						<button class="sure samewid-btn" onclick="serviceSure()">同意并确定</button>
						<button class="cancel samewid-btn" onclick="serviceHide()">取消</button>
					</div>
				</div>
				<div class="layer-show-bg" onclick="serviceHide()"></div>
			</div>

		</div>
		<!-- End Color Scheme
============================================ -->

		<!-- Include Libs & Plugins
============================================ -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script type="text/javascript" src="js/vue/vue.js"></script>
		<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<script type="text/javascript" src="js/slick-slider/slick.js"></script>
		<script type="text/javascript" src="js/themejs/libs.js"></script>
		<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
		<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
		<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
		<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
		<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/modernizr/modernizr-2.6.2.min.js"></script>
		<script type="text/javascript" src="js/minicolors/jquery.miniColors.min.js"></script>

		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

		<!-- 页面效果 -->
		<script type="text/javascript" src="js/themejs/application.js"></script>
		<script type="text/javascript" src="js/themejs/homepage.js"></script>
		<script type="text/javascript" src="js/themejs/so_megamenu.js"></script>



	</body>
</html>
